<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta name="theme-color" content="#171a21">
    <link rel="shortcut icon" href="img/index/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="css/carousel.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>欢迎来到Steam</title>
</head>

<body>
    <!--头部S-->
    <header>
        <div class="content clearfix">
            <div class="logo">
                <span>
						<a href="index.html"><img src="img/index/globalheader_logo.png" width="176" height="44"/></a>
					</span>
            </div>
            <!--头部列表S-->
            <div class="supernav_container">
                <div class="container-fluid">
                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">商店</a>
                                <ul class="dropdown-menu sub_dropdown">
                                    <li>
                                        <a href="#">精选</a>
                                    </li>
                                    <li>
                                        <a href="#">探索</a>
                                    </li>
                                    <li>
                                        <a href="#">鉴赏家</a>
                                    </li>
                                    <li>
                                        <a href="#">愿望单</a>
                                    </li>
                                    <li>
                                        <a href="#">新闻</a>
                                    </li>
                                    <li>
                                        <a href="#">统计</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">社区</a>
                                <ul class="dropdown-menu sub_dropdown">
                                    <li>
                                        <a href="#">主页</a>
                                    </li>
                                    <li>
                                        <a href="#">讨论</a>
                                    </li>
                                    <li>
                                        <a href="#">创意工坊</a>
                                    </li>
                                    <li>
                                        <a href="#">市场</a>
                                    </li>
                                    <li>
                                        <a href="#">实况直播</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="personal.html" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">SUPERMAX</a>
                                <ul class="dropdown-menu sub_dropdown">
                                    <li>
                                        <a href="#">动态</a>
                                    </li>
                                    <li>
                                        <a href="#">个人资料</a>
                                    </li>
                                    <li>
                                        <a href="#">好友</a>
                                    </li>
                                    <li>
                                        <a href="#">组</a>
                                    </li>
                                    <li>
                                        <a href="#">内容</a>
                                    </li>
                                    <li>
                                        <a href="#">徽章</a>
                                    </li>
                                    <li>
                                        <a href="#">库存</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于</a>
                            </li>
                            <li class="dropdown">
                                <a href="login.html" class="dropdown-toggle menuitem" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">客服</a>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse -->
                </div>
                <!--/.container-fluid -->
            </div>
            <!--头部列表E-->
            <!--头部右-->
            <div class="header_right">
                <div class="right_menu">
                    <div class="install_btn">
                        <div class="btn_leftcap"></div>
                        <div class="btn_rightcap"></div>
                        <a class="btn_content" href="./login.html">安装 Steam</a>
                    </div>
                    <!-- Single button -->
                    <div class="btn-group">
                        <button type="button" class="btn btn-default dropdown-toggle noti_btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <img src="img/index/header_menu_notifications.png" width="11" height="8" /></button>
                        <ul class="dropdown-menu noti_dropdown">
                            <li>
                                <a href="#">
										<span>0</span><span>条新留言</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>0</span><span>件新物品在您的库存中</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>0</span><span>份新邀请</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>0</span><span>份新礼物</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>0</span><span>条未读聊天信息</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="btn-group">
                        <button type="button" class="btn btn-default dropdown-toggle noti_btn username_btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <a href="./login.html">hongyvan</a>
                            <span class="caret"></span></button>
                        <ul class="dropdown-menu noti_dropdown">
                            <li>
                                <a href="#">
										<span>注销</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>账户明细</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>偏好</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>更改语言</span></a>
                            </li>
                            <li>
                                <a href="#">
										<span>查看个人资料</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="wallet_ctn">
                        <a href="">¥ 9999.99</a>
                    </div>
                </div>
                <a href="personal.html" class="user_avatar "><img src="img/index/mine.jpg"></a>
            </div>
    </header>
    <!--头部E-->
    <!--主体S-->
    <section>
        <div class="col-lg-2 col-lg-offset-1 col-md-offset-0 left_nav">
            <a href=""><img src="img/index/steamcards_promo.png"/></a>
            <ul>
                <li>
                    <span>礼物卡</span></li>
                <li>
                    <a href="">现已在 steam 上推出</a>
                </li>
                <li>
                    <span>推荐</span></li>
                <li>
                    <a href="">由好友推荐</a>
                </li>
                <li>
                    <a href="">由鉴赏家推荐</a>
                </li>
                <li>
                    <a href="">标签</a>
                </li>
                <li>
                    <span>探索队列</span></li>
                <li>
                    <a href="">推荐</a>
                </li>
                <li>
                    <a href="">新品</a>
                </li>
                <li>
                    <span>浏览分类</span></li>
                <li>
                    <a href="">热销商品</a>
                </li>
                <li>
                    <a href="">最近更新</a>
                </li>
                <li>
                    <a href="">新品</a>
                </li>
                <li>
                    <a href="">即将推出</a>
                </li>
                <li>
                    <a href="">优惠</a>
                </li>
                <li>
                    <a href="">虚拟现实</a>
                </li>
                <li>
                    <a href="">可支持 Steam 控制器</a>
                </li>
                <li>
                    <a href="">新品</a>
                </li>
                <li>
                    <span>浏览分类</span></li>
                <li>
                    <a href="">热销商品</a>
                </li>
                <li>
                    <a href="">最近更新</a>
                </li>
                <li>
                    <a href="">新品</a>
                </li>
                <li>
                    <a href="">即将推出</a>
                </li>
                <li>
                    <a href="">优惠</a>
                </li>
                <li>
                    <a href="">虚拟现实</a>
                </li>
                <li>
                    <a href="">可支持 Steam 控制器</a>
                </li>
            </ul>
        </div>
        <div class="main_game clearfix">
            <div class="container-fluid   main_nav">
                <div class="top_nav">
                    <!--愿望单-->
                    <!-- Static navbar -->
                    <nav class="navbar navbar-default  top_content">
                        <div class="container-fluid">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div id="navbar" class="navbar-collapse collapse">
                                <ul class="nav navbar-nav">
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="img/index/mine.jpg"/>您的商店
													<span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">商店主页</a>
                                            </li>
                                            <li>
                                                <a href="#">好友中热门</a>
                                            </li>
                                            <li>
                                                <a href="#">Steam 鉴赏家</a>
                                            </li>
                                            <li>
                                                <a href="#">您的队列</a>
                                            </li>
                                            <li>
                                                <a href="#">最近更新</a>
                                            </li>
                                            <li>
                                                <a href="#">关注的游戏和软件</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li class="dropdown-header">为您推荐的标签</li>
                                            <li>
                                                <a href="#">动作</a>
                                            </li>
                                            <li>
                                                <a href="#">冒险</a>
                                            </li>
                                            <li>
                                                <a href="#">开放世界</a>
                                            </li>
                                            <li>
                                                <a href="#">单人</a>
                                            </li>
                                            <li>
                                                <a href="#">角色扮演</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li>
                                                <a href="#">浏览所有推荐标签</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">游戏
													<span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">免费游玩</a>
                                            </li>
                                            <li>
                                                <a href="#">抢先体验</a>
                                            </li>
                                            <li>
                                                <a href="#">试玩</a>
                                            </li>
                                            <li>
                                                <a href="#">虚拟现实</a>
                                            </li>
                                            <li>
                                                <a href="#">可支持 Steam 控制器</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li class="dropdown-header">按类型浏览:</li>
                                            <li>
                                                <a href="#">休闲</a>
                                            </li>
                                            <li>
                                                <a href="#">冒险</a>
                                            </li>
                                            <li>
                                                <a href="#">体育</a>
                                            </li>
                                            <li>
                                                <a href="#">动作</a>
                                            </li>
                                            <li>
                                                <a href="#">角色扮演</a>
                                            </li>
                                            <li>
                                                <a href="#">模拟</a>
                                            </li>
                                            <li>
                                                <a href="#">策略</a>
                                            </li>
                                            <li>
                                                <a href="#">独立</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li>
                                                <a href="#">查看热门标签</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li class="dropdown-header">按平台浏览:</li>
                                            <li>
                                                <a href="#">Mac OS X</a>
                                            </li>
                                            <li>
                                                <a href="#">SteamOS +Linux</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">软件
													<span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">软件中心</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li>
                                                <a href="#">动画制作与建模</a>
                                            </li>
                                            <li>
                                                <a href="#">实用工具</a>
                                            </li>
                                            <li>
                                                <a href="#">教育</a>
                                            </li>
                                            <li>
                                                <a href="#">游戏开发</a>
                                            </li>
                                            <li>
                                                <a href="#">照片编辑</a>
                                            </li>
                                            <li>
                                                <a href="#">网络出版</a>
                                            </li>
                                            <li>
                                                <a href="#">视频制作</a>
                                            </li>
                                            <li>
                                                <a href="#">设计与插画</a>
                                            </li>
                                            <li>
                                                <a href="#">音频制作</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">硬件
													<span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">Steam 控制器</a>
                                            </li>
                                            <li>
                                                <a href="#">Steam 流式盒</a>
                                            </li>
                                            <li>
                                                <a href="#">Steam 主机</a>
                                            </li>
                                            <li>
                                                <a href="#">HTC Vive</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">视频
													<span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">视频中心</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li class="dropdown-header">按类型浏览:</li>
                                            <li>
                                                <a href="#">电影</a>
                                            </li>
                                            <li>
                                                <a href="#">章节式</a>
                                            </li>
                                            <li>
                                                <a href="#">纪录片</a>
                                            </li>
                                            <li>
                                                <a href="#">游戏</a>
                                            </li>
                                            <li>
                                                <a href="#">教程</a>
                                            </li>
                                            <li>
                                                <a href="#">短片</a>
                                            </li>
                                            <li role="separator" class="divider"></li>
                                            <li class="dropdown-header">按类型浏览:</li>
                                            <li>
                                                <a href="#">动作</a>
                                            </li>
                                            <li>
                                                <a href="#">日本动画</a>
                                            </li>
                                            <li>
                                                <a href="#">欢乐</a>
                                            </li>
                                            <li>
                                                <a href="#">剧情</a>
                                            </li>
                                            <li>
                                                <a href="#">恐怖</a>
                                            </li>
                                            <li>
                                                <a href="#">科幻</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">新闻</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 search_box">
                            <input type="text" class="search_content" placeholder="搜索商店" />
                        </div>
                    </nav>
                </div>
            </div>
            <div class="col-lg-8 clearfix game_example">
                <h4>精选和推荐</h4>
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="5"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="6"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="7"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="8"></li>
                    </ol>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <!--轮播内列表页S-->
                            <div class="main_show clearfix">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show" role="tablist">
                                    <h3>传送门2</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/0000002582.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_0211851b61994e08f197e59bca4e86137fadda44.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_04572edc979601b038756f87861c6f8c6c337806.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_0c8b2093a60de3377db439c8a8f6a521a17e6c4f.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home"><img src="img/index/ss_06b3b8b537e3766cbb6026c6273d78344327ad24.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile"><img src="img/index/ss_0152549101fae25455ea40094eb54731ab10f477.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages"><img src="img/index/ss_0373cd64ff4e75b0863eb51879111e759b549eb9.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings"><img src="img/index/ss_07524ca3febe530cb128815ed81ade0529f060f3.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                        <div class="item">
                            <!--轮播内列表页S-->
                            <div class="main_show">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show clearfix" role="tablist">
                                    <h3>传送门</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home1" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/ss_153e5dbcccb58292658234c990dd1a8dabf6559b.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile1" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_1369fb18206a8efb94f2e9329538ec1a1092a087.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages1" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_1318a04ef11d87f38aebe6d47a96124f8f888ca8.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings1" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_182256274a6a5c9473c6fa98cb0b466294aa54e4.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home1"><img src="img/index/ss_19c1c8d52d714fe8d0a0277c36832b4e0ad5def3.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile1"><img src="img/index/ss_153e5dbcccb58292658234c990dd1a8dabf6559b.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages1"><img src="img/index/ss_1718fd7448b82cab3f5b11a6e819dd2db0d06471.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings1"><img src="img/index/ss_1b4cc24b78f404c69fa18d42e5d5b00873c8852f.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                        <div class="item">
                            <!--轮播内列表页S-->
                            <div class="main_show">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show clearfix" role="tablist">
                                    <h3>传送门</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home2" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/ss_1487c2c7ddd9a1ae6b55f7e50d5d63ada6915921.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile2" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_1487c2c7ddd9a1ae6b55f7e50d5d63ada6915921.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages2" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_15f25d045c3be1f158520a2b32aba5f1b6fbb836.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings2" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_1bb06e88281089153901107fb09bfc8b10d80a92.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home2"><img src="img/index/ss_1c0fa39091901496d77cf4cecfea4ffb056d6452.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile2"><img src="img/index/ss_32d76a6ff4b216410b90ff2cdb7107a28a1baed2.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages2"><img src="img/index/ss_349dc173bd543fddd7b667253e3429e9565fe098.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings2"><img src="img/index/ss_6b2c6d8df87edbacd491d15869df946062612c8e.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                        <div class="item">
                            <!--轮播内列表页S-->
                            <div class="main_show">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show clearfix" role="tablist">
                                    <h3>传送门</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home3" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/ss_5384f9f8b96a0b9934b2bc35a4058376211636d2.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile3" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_42c6e1765549541d5576ec5bdb01cbc45f376444.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages3" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_41d2c3f70217e64c0d23e198060dc802bf836501.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings3" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_50472c40c90b4771382458f8e1c691793c63e1b0.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home3"><img src="img/index/ss_4cd77e3ef5b147b011a5cf8f96b8bcbcd79b3e15.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile3"><img src="img/index/ss_142c19862c8bb307252dedf7f17cda4eb5f3f2b8.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages3"><img src="img/index/ss_53419d3cffeb52937070e53f5930df091acdfb46.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings3"><img src="img/index/ss_47f3523dbea462aff2ca4bc9f605faaf80a792b2.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                        <div class="item">
                            <!--轮播内列表页S-->
                            <div class="main_show">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show clearfix" role="tablist">
                                    <h3>传送门</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home4" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/ss_342ec464dbec95300747ef79ed1e28f9dafb4ce8.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile4" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_4cd77e3ef5b147b011a5cf8f96b8bcbcd79b3e15.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages4" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_7632c2c83dd56a4b616f5a0d479b25dfd7f03548.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings4" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_50472c40c90b4771382458f8e1c691793c63e1b0.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home4"><img src="img/index/ss_5efe46f2e2c65040f529a0d0e7069d6b8bb8e175.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile4"><img src="img/index/ss_6d3985f2efc33aeae1326b3c797b7ef34a1d5fda.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages4"><img src="img/index/ss_351f0026c4ca89eef429a095750814aaf6b5ebc0.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings4"><img src="img/index/ss_42c6e1765549541d5576ec5bdb01cbc45f376444.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                        <div class="item">
                            <!--轮播内列表页S-->
                            <div class="main_show">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show clearfix" role="tablist">
                                    <h3>传送门</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home5" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/ss_60894d685a0f3488ceaf0592625fc904aa2bfeb1.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile5" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_47f3523dbea462aff2ca4bc9f605faaf80a792b2.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages5" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_409bb8591d4c8278815510d9be737b57dfc57e06.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings5" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_3673f246faad57ee6fc64276512ede23453da1d3.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home5"><img src="img/index/ss_3c6324eaf7b0766a81534a22ff362a27ba6f5201.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile5"><img src="img/index/ss_5e706eb078ccdf6a3171eb16b5f2cd35abaa184b.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages5"><img src="img/index/ss_62a2f95c1784f138c3abbecf376c5cc99cc94a57.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings5"><img src="img/index/ss_881d88fcc6055fcb7703673bc1815ab349c57133.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                        <div class="item">
                            <!--轮播内列表页S-->
                            <div class="main_show">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show clearfix" role="tablist">
                                    <h3>传送门</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home6" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/ss_99ef88f20f0b3181b75d994351f66bd7fe42830e.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile6" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_5e3aa2e0fd6cfbb0f6fe1990d3d5ed7700fc2638.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages6" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_917ed6578d434f623b0b3b7bb6b95f4c9e4a6744.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings6" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_5efd318b85a3917d1c6e717f4cb813b47547cd6f.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home6"><img src="img/index/ss_6f5263101a3657f5160cd12a3e005c1f963904b0.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile6"><img src="img/index/ss_7ece2089c45e8640d20b5d345570ab80c1c2058b.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages6"><img src="img/index/ss_8306631f4ab9919756b346f8a48b1d35ef29a8d4.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings6"><img src="img/index/ss_cfbeb53527a65cb013153f68364952100742efbc.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                        <div class="item">
                            <!--轮播内列表页S-->
                            <div class="main_show">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs game_show clearfix" role="tablist">
                                    <h3>传送门</h3>
                                    <li role="presentation" class="spec active">
                                        <a href="#home7" aria-controls="home" role="tab" data-toggle="tab"><img src="img/index/ss_83067d66f0b2026f35f256234415bf6e633d7b00.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#profile7" aria-controls="profile" role="tab" data-toggle="tab"><img src="img/index/ss_71235b4326ab0eb6e3cdaeb41c4139311097a2fa.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation" class="spec">
                                        <a href="#messages7" aria-controls="messages" role="tab" data-toggle="tab"><img src="img/index/ss_44002261bc249a39d34fa70d839d61b37d354a8a.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <li role="presentation">
                                        <a href="#settings7" aria-controls="settings" role="tab" data-toggle="tab"><img src="img/index/ss_64406d71653c589377e8c589ece9e3941b6fff50.600x338.jpg"/>
													<div class="game_cover"></div>
												</a>
                                    </li>
                                    <p>为您推荐,与您玩过的游戏有相似的标签</p>
                                    <p>
                                        <span>动作</span><span>冒险</span><span>开放世界</span><span>剧情</span></p>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home7"><img src="img/index/ss_5ef79ec2efe053596ece78cf2e2162288962acbb.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="profile7"><img src="img/index/ss_8ccb821c4df3fafdf4161d77f38635441a8157f2.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="messages7"><img src="img/index/ss_69b7103e2ba545c4a5589401b0f15e5eaf32232d.600x338.jpg" /></div>
                                    <div role="tabpanel" class="tab-pane" id="settings7"><img src="img/index/ss_7632c2c83dd56a4b616f5a0d479b25dfd7f03548.600x338.jpg" /></div>
                                </div>
                            </div>
                            <!--轮播内列表页E-->
                            <div class="carousel-caption"></div>
                        </div>
                    </div>
                    <!-- Controls -->
                    <a class="carousel-control left" href="#carousel-example-generic" role="button" data-slide="prev">
								<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
								<span class="sr-only">Previous</span>
							</a>
                    <a class="carousel-control right" href="#carousel-example-generic" role="button" data-slide="next">
								<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
								<span class="sr-only">Next</span>
							</a>
                </div>
                <h4>特别优惠<button>浏览所有</button>
						</h4>
                <div id="carousel-example-generic1" class="carousel slide sale_carousel" data-ride="carousel">
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <!--折扣游戏S-->
                        <div class="item active sale_box clearfix">
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(1).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(100).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(101).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(102).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(118).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(15).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                        </div>
                        <!--折扣游戏-->
                        <!--折扣游戏S-->
                        <div class="item  sale_box clearfix">
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(103).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(11).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(111).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(110).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(113).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                            <a href="" class="sale_game">
                                <div class="game_pic"><img src="img/index/header(14).jpg" /></div>
                                <div class="game_priceinfo clearfix">
                                    <div class="pull-right sale_price">
                                        <span class="discount">-76%</span>
                                        <span class="price_now"><span class="price_ago">￥99</span><span>￥24</span></span>
                                    </div>
                                    <p>Today's deal!</p>
                                </div>
                            </a>
                        </div>
                        <!--折扣游戏-->
                    </div>
                    <!-- Controls -->
                    <a class="carousel-control left" href="#carousel-example-generic1" role="button" data-slide="prev">
								<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
								<span class="sr-only">Previous</span>
							</a>
                    <a class="carousel-control right" href="#carousel-example-generic1" role="button" data-slide="next">
								<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
								<span class="sr-only">Next</span>
							</a>
                </div>
                <h4>浏览STEAM</h4>
                <div class="label">
                    <div class="label_li">
                        新品
                    </div>
                    <div class="label_li">
                        优惠
                    </div>
                    <div class="label_li">
                        免费游戏
                    </div>
                    <div class="label_li">
                        按用户标签
                    </div>
                </div>
            </div>
        </div>
        <div class="home">
            <div class="home_tab">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#new" aria-controls="new" role="tab" data-toggle="tab">新品与热门商品</a>
                    </li>
                    <li role="presentation">
                        <a href="#hot" aria-controls="hot" role="tab" data-toggle="tab">热销商品</a>
                    </li>
                    <li role="presentation">
                        <a href="#soon" aria-controls="soon" role="tab" data-toggle="tab">即将推出</a>
                    </li>
                    <li role="presentation">
                        <a href="#forsale" aria-controls="forsale" role="tab" data-toggle="tab">优惠</a>
                    </li>
                </ul>
                <!-- 热门优惠选项卡 -->
                <div class="tab-content tab_info">
                    <div role="tabpanel" class="tab-pane active" id="new">
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(28).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(3).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(10).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(26).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(2).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(16).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(14).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(11).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="last_list">
                            查看更多：
                            <button>新品</button>
                        </div>
                        <div class="more_info  info_show">
                            <h3>NBA 2K18</h3>
                            <div class="sug_user">
                                <p>总体用户评测:</p>
                                <p>
                                    <span>褒贬不一</span>(5,151)</p>
                            </div>
                            <div class="listoftype">
                                <a href="">体育</a>
                                <a href="">篮球</a>
                                <a href="">动作</a>
                                <a href="">角色扮演</a>
                                <a href="">多人</a>
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_5384f9f8b96a0b9934b2bc35a4058376211636d2.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_0c890dc4a44b22280e1090a6cf6a757fe67be49d.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_04572edc979601b038756f87861c6f8c6c337806.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_11432237c45e225db89965fed88fa56cd02b0072.600x338.jpg" />
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="hot">
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(28).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(3).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(10).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(26).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(2).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(16).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(14).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(11).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="last_list">
                            <span>查看更多：</span>
                            <button>全球热销商品</button>
                        </div>
                        <div class="more_info  info_show">
                            <h3>NBA 2K18</h3>
                            <div class="sug_user">
                                <p>总体用户评测:</p>
                                <p>
                                    <span>褒贬不一</span>(5,151)</p>
                            </div>
                            <div class="listoftype">
                                <a href="">体育</a>
                                <a href="">篮球</a>
                                <a href="">动作</a>
                                <a href="">角色扮演</a>
                                <a href="">多人</a>
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_5384f9f8b96a0b9934b2bc35a4058376211636d2.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_0c890dc4a44b22280e1090a6cf6a757fe67be49d.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_04572edc979601b038756f87861c6f8c6c337806.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_11432237c45e225db89965fed88fa56cd02b0072.600x338.jpg" />
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="soon">
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(28).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(3).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(10).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(26).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(2).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(16).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(14).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(11).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="last_list">
                            <span>查看更多：</span>
                            <button>即将推出</button>
                        </div>
                        <div class="more_info">
                            <h3>NBA 2K18</h3>
                            <div class="sug_user">
                                <p>总体用户评测:</p>
                                <p>
                                    <span>褒贬不一</span>(5,151)</p>
                            </div>
                            <div class="listoftype">
                                <a href="">体育</a>
                                <a href="">篮球</a>
                                <a href="">动作</a>
                                <a href="">角色扮演</a>
                                <a href="">多人</a>
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_5384f9f8b96a0b9934b2bc35a4058376211636d2.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_0c890dc4a44b22280e1090a6cf6a757fe67be49d.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_04572edc979601b038756f87861c6f8c6c337806.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_11432237c45e225db89965fed88fa56cd02b0072.600x338.jpg" />
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="forsale">
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(28).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(3).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(1).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(10).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(26).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(2).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(16).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(14).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="gamelist">
                            <a href="" id="gamereco" class="gamereco clearfix">
                                <div class="recoimg pull-left"><img src="img/index/capsule_184x69(11).jpg" /></div>
                                <p>Dark Souls 3</p>
                                <p>￥199ppp</p>
                                <p>
                                    <span>角色扮演</span>,<span>剧情</span>,<span>动作</span>,<span>多人</span></p>
                            </a>
                        </div>
                        <div class="last_list">
                            <span>查看更多：</span>
                            <button>优惠</button>
                        </div>
                        <div class="more_info">
                            <h3>NBA 2K18</h3>
                            <div class="sug_user">
                                <p>总体用户评测:</p>
                                <p>
                                    <span>褒贬不一</span>(5,151)</p>
                            </div>
                            <div class="listoftype">
                                <a href="">体育</a>
                                <a href="">篮球</a>
                                <a href="">动作</a>
                                <a href="">角色扮演</a>
                                <a href="">多人</a>
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_5384f9f8b96a0b9934b2bc35a4058376211636d2.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_0c890dc4a44b22280e1090a6cf6a757fe67be49d.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_04572edc979601b038756f87861c6f8c6c337806.600x338.jpg" />
                            </div>
                            <div class="listOfimg">
                                <img src="img/index/ss_11432237c45e225db89965fed88fa56cd02b0072.600x338.jpg" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="lowprice">
            <h4>低于 ￥40
						<button class="lowerPrice">低于￥40</button>
						<button>低于￥20</button>
					</h4>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(10).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(104).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(115).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(311).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(312).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(313).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(314).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
            <a href="" class="priceAlink">
                <div class="priceImg">
                    <img src="img/index/header_292x136(315).jpg" />
                </div>
                <p>
                    <span>￥24</span></p>
            </a>
        </div>
        <div class="hardware">
            <a href="" class="leftLink"><img src="img/index/vr_bg_english.jpg"/></a>
            <a href="" class="rightLink"><img src="img/index/hardware_bg_english.jpg"/>
						<div class="headware_title">
							STEAM 流式盒 +<br>STEAM 控制器<br>
							<span>控制器、流式盒、捆绑包优惠</span>
						</div>
					</a>
        </div>
        <div class="login">
            <hr/>
            <p class="reco_title">
                <span>
							正在寻找推荐？
						</span>
            </p>
            <p>登录以查找个性化推荐</p>
            <button>登录</button>
            <p>或者<a href="">注册</a>并免费加入 Steam</p>
        </div>
    </section>
    <!--主体E-->
    <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    var gamelist = document.querySelectorAll('.gamelist');
    var item = "";
    for (let i = 0; i < gamelist.length; i++) {
        gamelist[i].classList.remove('game_list_hover');

        gamelist[i].addEventListener('mouseover', function() {
            if (item !== "") {
                gamelist[item].classList.remove('game_list_hover');
            }
            gamelist[i].classList.add('game_list_hover');
            item = i;
        })
    }
    </script>
</body>

</html>
